doctype html
html
  head
    title #{title} | Express Web
    meta(charset="utf-8")
    meta(http-equiv="X-UA-Compatible" content="IE=edge")
    meta(name="viewport" content="width=device-width, initial-scale=1")
    link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
    link(rel='stylesheet', href='/stylesheets/style.css')

  body
    nav.navbar.navbar-inverse.navbar-fixed-top
      .container
        .navbar-header
          button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target="#navbar", aria-expanded="false", aria-controls="navbar" )
            span.sr-only Toggle navigation
            span.icon-bar
            span.icon-bar
            span.icon-bar
          a.navbar-brand(href="#") Express Web
        #navbar.collapse.navbar-collapse
          ul.nav.navbar-nav.navbar-right
            li(class=(title === 'Home' ? 'active' : ''))
              a(href="/") Home
            li(class=(title === 'About' ? 'active' : ''))
              a(href="/about") About
            li(class=(title === 'Contact' ? 'active' : ''))
              a(href="/contact") Contact

    block content

    footer
      p.text-center &copy; 2016 MAshraf

    script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js")
    script(src="/javascripts/bootstrap.min.js")
